<script>
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	.page{
		min-height: 100vh;
	}
	
	.app-container{
		padding: 34rpx;
		background-color: #F6F6F6;
		//#ifdef H5
		min-height: calc(100vh - 40px - 44px);
		//#endif
		//#ifdef APP-PLUS
		min-height: calc(100vh - 40px - 44px);
		//#endif
	}
	.white-bg{background-color: #fff;}
	.color-gray{color: #666666;}
	.color-light-gray{ color: $uni-color-light-gray;}
	.color-black{color: #000;}
	.color-white{color: #fff;}
	.color-orange{color: $uni-color-orange;}
	.color-bg-orange{color: $uni-color-bg-orange;}
	.font-big{font-size: 32rpx;}
	.font-mediam{font-size: 30rpx;}
	.font-small{font-size: 28rpx; }
	.font-mini{ font-size: 26rpx;}
	.bold{
		font-weight: bold;
	}
	@for $i from 0 to 100 {
		.mg-#{$i} { 		margin: 		$i * 1rpx;}
		.mg-top-#{$i} { 	margin-top: 	$i * 1rpx !important;}
		.mg-bottom-#{$i} { 	margin-bottom: 	$i * 1rpx !important;}
		.mg-left-#{$i} { 	margin-left: 	$i * 1rpx !important;}
		.mg-right-#{$i} { 	margin-right: 	$i * 1rpx !important;}
		
		.pd-#{$i} { 		padding: 		$i * 1rpx;}
		.pd-top-#{$i} { 	padding-top: 	$i * 1rpx !important;}
		.pd-bottom-#{$i} { 	padding-bottom: $i * 1rpx !important;}
		.pd-left-#{$i} { 	padding-left: 	$i * 1rpx !important;}
		.pd-right-#{$i} { 	padding-right: 	$i * 1rpx !important;}
		
		.radius-#{$i} { border-radius: $i * 1rpx; }
		
		.width-#{$i} { width: $i * 1rpx; }
		.width-#{$i * 2} { width: $i * 2rpx; }
		.font-#{$i} {font-size: $i * 1rpx;}
	}
	.flex{display: flex;}
	.flex-center{align-items: center;}
	.flex-bottom { align-items: flex-end; }
	.flex1{flex: 1;}
	.flex-column { display: flex; flex-direction: column;}
	
	.border {border: 1px solid #eeeeee;}
	.border-top{border-top: 1px solid #eeeeee;}
	.border-bottom{border-bottom: 1px solid #eeeeee;}
	.page-bg{
		background-color: #F6F6F6;
	}
	.my-h2{
		font-size: 36rpx;
		color: #323232;
		font-weight: bold;
	}
</style>
